<%--
  Created by IntelliJ IDEA.
  User: Like Old Dream
  Date: 2020/12/22
  Time: 18:39
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
	<title>主页骨架</title>
	<script type="text/javascript" src="${pageContext.request.contextPath}/statics/js/jquery-1.12.3.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			$(".div2").click(function(){
				$(this).next("div").slideToggle("slow")
						.siblings(".div3:visible").slideUp("slow");
			});

		});
	</script>
	<style type="text/css">
		.divbody{width: 100%;}
		body{ margin:0;font-family:微软雅黑;width: 100%}
		.left{ width:200px; height:100%; border-right:1px solid #CCCCCC; color:#CCCCCC; font-size:14px; text-align:center;background: #3D59AB;}
		.left a{text-decoration: none;color: #CCCCCC}
		.div1{text-align:center; width:200px; padding-top:10px;}
		.div2{height:40px; line-height:40px;cursor: pointer; font-size:13px; position:relative;border-bottom:#ccc 1px dotted;background-image: linear-gradient(#3D59AB,#0B1746,#3D59AB);}
		.jbsz {position: absolute; height: 23px; width: 23px; left: 40px; top: 10px; background:url(${pageContext.request.contextPath}/statics/images/yuangong.png);}
		.xwzx {position: absolute; height: 23px; width: 23px; left: 40px; top: 10px; background:url(${pageContext.request.contextPath}/statics/images/renshi.png);}
		.zxcp {position: absolute; height: 23px; width: 23px; left: 40px; top: 10px; background:url(${pageContext.request.contextPath}/statics/images/xinzi.png);}
		.lmtj {position: absolute; height: 23px; width: 23px; left: 40px; top: 10px; background:url(${pageContext.request.contextPath}/statics/images/tongji.png);}
		.shezhi {position: absolute; height: 23px; width: 23px; left: 40px; top: 10px; background:url(${pageContext.request.contextPath}/statics/images/shezhi.png);}
		.div3{display: none;cursor:pointer; font-size:13px;background-color: #082E54}
		.div3 ul{margin:0;padding:0;}
		.div3 li{ height:30px; line-height:30px; list-style:none; border-bottom:#ccc 1px dotted; text-align:center;}
		.div4{background:#F8F8FF;position: fixed;top: 50px;left: 200px;width: 90%;height: 95%;}
		.span{position: relative;left: 50px;top: 3px;}
		.dingbu{background: #3D59AB;position: fixed;top: 0px;left: 200px;bottom:0px;width: 90%;height: 50px;}
		.dingbu a{text-decoration: none;color: white}
		.tubiao{align-items: center;width: 50px;height: 50px;}
		.rshtglxt{position: relative;top: -15px;left: 15px;text-align: center;size:60px;color: #F0FFF0;}
		.rshtglxt_youce img{align-items: center;position: relative;top: 8px;}
		.rshtglxt_youce{color: #F0FFF0;position: relative;top: -15px;left: 800px;}
	</style>
</head>
<body>
<div class="divbody">
	<%--    左侧菜单栏--%>
	<div class="left">
		<div class="div1">
			<%--            用户头像--%>
			<div align="center"><img src="${pageContext.request.contextPath}/statics/images/touxiang.png"></div>
			<%--            用户登录信息--%>
			<div align="center" style="color: white"><h1>用户名</h1></div>


			<%--            导航栏--%>
			<%--    userMeun   --%>
			<div class="div2"><div class="jbsz"> </div> &nbsp;&nbsp;&nbsp;员工资料 <span class="span"><img src="${pageContext.request.contextPath}/statics/images/xialakaung.png"></span></div>
			<div class="div3">
				<ul>
					<li><a href="${pageContext.request.contextPath}/user/order" target="menuFrame">基本资料</a></li>
					<li><a href="${pageContext.request.contextPath}/user/order" target="menuFrame">高级资料</a></li>
				</ul>
			</div>

			<%--  productMeun  --%>
			<div class="div2"><div class="xwzx"> </div>&nbsp;&nbsp;&nbsp; 人事管理 <span class="span"><img src="${pageContext.request.contextPath}/statics/images/xialakaung.png"></span></div>
			<div class="div3">
				<ul>
					<li> <a href="${pageContext.request.contextPath}/perlist/showoff" target="menuFrame">员工资料</a></li>
					<li> <a href="${pageContext.request.contextPath}/perrap/showoff" target="menuFrame">员工奖惩</a></li>
					<li> <a href="${pageContext.request.contextPath}/perTraining/showoff" target="menuFrame">员工培训</a></li>
					<li> <a href="${pageContext.request.contextPath}/perPraise/showoff" target="menuFrame">员工好评</a></li>
					<li> <a href="${pageContext.request.contextPath}/persalabj/showoff" target="menuFrame">员工调薪</a></li>
					<li> <a href="${pageContext.request.contextPath}/perMobilize/showoff" target="menuFrame">员工调动</a></li>
				</ul>
			</div>

			<%--  recordMeun  --%>
			<div class="div2"><div class="zxcp"> </div>&nbsp;&nbsp;&nbsp; 薪资管理 <span class="span"><img src="${pageContext.request.contextPath}/statics/images/xialakaung.png"></span></div>
			<div class="div3">
				<ul>
					<li> <a href="${pageContext.request.contextPath}/setofacclist/showoff" target="menuFrame">账套管理</a></li>
					<li> <a href="${pageContext.request.contextPath}/setofaccup/showoff" target="menuFrame">账套设置</a></li>
					<li> <a href="${pageContext.request.contextPath}/wageup/showoff" target="menuFrame">工资管理</a></li>
					<li> <a href="${pageContext.request.contextPath}/endofmonproc/showof" target="menuFrame">月末处理</a></li>
					<li> <a href="${pageContext.request.contextPath}/wageselect/showoff" target="menuFrame">工资查询</a></li>
				</ul>
			</div>

			<%-- statisticsMeun --%>
			<div class="div2"><div class="lmtj"> </div> &nbsp;&nbsp;&nbsp;统计管理 <span class="span"><img src="${pageContext.request.contextPath}/statics/images/xialakaung.png"></span></div>
			<div class="div3">
				<ul>
					<li> <a href="${pageContext.request.contextPath}/genInfo/showoff" target="menuFrame">综合信息统计</a></li>
					<li> <a href="${pageContext.request.contextPath}/emplpoin/showoff" target="menuFrame">员工积分统计</a></li>
					<li> <a href="${pageContext.request.contextPath}/persinfo/showoff" target="menuFrame">人事信息统计</a></li>
					<li> <a href="${pageContext.request.contextPath}/persreco/showoff" target="menuFrame">人事记录统计</a></li>
				</ul>
			</div>

			<%-- systemMeun   --%>
			<div class="div2"><div class="shezhi"> </div>&nbsp;&nbsp;&nbsp; 个人中心 <span class="span"><img src="${pageContext.request.contextPath}/statics/images/xialakaung.png"></span></div>
			<div class="div3">
				<ul>
					<li> <a href="${pageContext.request.contextPath}/userlogout/showoff" target="menuFrame">用户注销</a></li>
					<li> <a href="${pageContext.request.contextPath}/dropout/showoff">用户退出</a></li>
				</ul>
			</div>
		</div>
	</div>


	<%--顶部导航--%>
	<div class="dingbu">
		<%--        顶部导航栏左侧--%>
		<span>
            <img src="${pageContext.request.contextPath}/statics/images/tb.jpg" class="tubiao"/>
        </span>
		<span class="rshtglxt"> <strong>人力资源管理专家</strong></span>
		<%--        顶部导航栏右侧--%>
		<span class="rshtglxt_youce">
            <img src="${pageContext.request.contextPath}/statics/images/xinshouzhiyin.png">新手指引&nbsp;&nbsp;
            <img src="${pageContext.request.contextPath}/statics/images/lianxidianhua.png">联系我们&nbsp;&nbsp;
            <a href="${pageContext.request.contextPath}/zhuye/showoff" target="menuFrame"><img src="${pageContext.request.contextPath}/statics/images/fanhuizhuye.png">返回主页&nbsp;&nbsp;</a>
        </span>
	</div>


	<%--    主体--%>
	<div class="div4">
		<%--   src中值默认主体部分展示的页面     --%>
		<iframe id="menuFrame" name="menuFrame" src="${pageContext.request.contextPath}/zhuye/showoff" style="overflow:visible;" scrolling="yes" frameborder="no" width="100%" height="100%; float:left"></iframe>
	</div>
</div>
</body>
</html>




<%--
    文件夹对应
        userMeun : 员工管理
        productMeun : 人事管理
        recordMeun : 薪资管理
        statisticsMeun : 统计管理
        systemMeun : 个人中心
--%>